<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>思德网</title>

<!--tab js-->
<!--  
<style type="text/css">
.listtable{
    width:100%;
    border:1px solid #afafaf;
    border-collapse:collapse;
    margin-bottom:10px;
}
a{
    color:gray;
    text-decoration:none;
}

a:hover{
    color:red;
    font-weight:bold;
    text-decoration:none;
}

a:visited{
    text-decoration:none;
}
.listtable caption{
    text-align:left;
    font-size:16px;
    padding:2px;
    font-weight:bold;
}

.listtable td{
    padding:5px;
    border: 1px solid gray;
    font-size:12px;
    text-align:center;
    line-hight:30px;
}

.listtable tr:nth-child(2n){
    background-color : #ebeaea;
}

.listtable .listheader{
    background-color:skyblue;
    text-align:center;
}


.formtable {
    width:100%;
    padding: 0 auto;
}

.formtable td{
    padding:5px;
}

.formtable tr td:first-child{
    vertical-align:top;
    
}
.page-content{
    width:830px;
    float:right;
}

.clickbutton {  
    border: 1px solid #4D4D4D;
    padding: 2px 10px;
    cursor:pointer;
    font-size:14px;
}

</style>
-->
 <script language="javascript" type="text/javascript" src="${ctx}/static/js/My97DatePicker/WdatePicker.js"></script>
<script type="text/javascript" src="${ctx.resource}/front_js/jQuery1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	var $tab_li = $('#tab ul li');
	$tab_li.hover(function(){
		$(this).addClass('selected').siblings().removeClass('selected');
		var index = $tab_li.index(this);
		$('div.tab_box > div').eq(index).show().siblings().hide();
	});	
});

function sub(path)
{
   
	 // $('form1').action(path);
    document.committee.action=path;
    document.committee.submit();
 	 
}
</script>

<!--弹出层js-->
<script type="text/javascript" src="${ctx.resource}/front_js/tanchu.js"></script>
<script type="text/javascript" src="${ctx.resource}/front_js/jquery.reveal.js"></script>
</head>

<body>
<div class="os-2015">
<!--  
<script type="text/javascript" src="${ctx.resource}/front_js/header.js"></script> -->
<!-- <iframe src="../public/header.html" width="100%" height="144" frameborder="0">
</iframe>-->
<!--center-->
<jsp:include page="/WEB-INF/include/header_Second.jsp"></jsp:include>
<link rel="stylesheet"  href="${ctx.resource}/front_css/style.css" type="text/css" />
<link rel="stylesheet"  href="${ctx.resource}/css/style.css" type="text/css" />
<link rel="stylesheet"  href="${ctx.resource}/front_css/isweepteam.css" type="text/css" />
<div class="center">
<div class="w">
<div class="center-banner">
<div class="center-people">
<dl>
<dt><img src="${ctx.resource}/images/people.png" width="93" height="93" /></dt>
<dd>
<p><%=request.getSession().getAttribute("username") %> 你好!</p>
<% String uname=request.getSession().getAttribute("username").toString(); %>
<p><a href=""><img src="${ctx.resource}/images/center-button01.jpg" /></a></p>
</dd>
</dl>
</div>
</div>
<div class="center-main">
<div class="center-tab">
<div class="tabbox" id="statetab">
			<ul class="tabbtn">
				<li class="current"><a href="${ctx}/userInfo/userProInfo">我的项目</a></li>
			</ul><!--tabbtn end-->
			<div class="tabcon">
          <dl>
          <dt><b style="margin-left: 30px;"><img src="/seededu/static/images/img09.jpg"></b></dt>
         <dd>
<%@ include file="/WEB-INF/jsps/front_ISWEEP/include_ISWEEP_Subproinfo.jsp"%> 
          </dd>
          </dl>
          <div style=" clear:both"></div>
     <div class="tabcon2">
        <div class="tabcon2_left">
       <%@ include file="/WEB-INF/jsps/front_ISWEEP/include_ISWEEP_Menu.jsp"%> 
     </div>
     

     
     <div class="tabcon2_right">
     <div class="tabcon2_right_tit">
     <span>组队</span>
     </div>
       <div class="tabcon2_right_txt">
       
<%@ include file="/WEB-INF/jsps/front_ISWEEP/include_ISWEEP_Attachment.jsp"%> <br><br><br>
 <div class="page-content">
<form action="" method="post" name="form1">
<input type="hidden" name="uid" value="${uid }">
<input type="hidden" name="spid" value="${spid }">
<input type="hidden" name="stepid" value="${steplist[1].stepid}">
  
  <table class="listtable">
  
  <caption>本队人员:</caption>
    <tr class="listheader">
    <td width="10%">队伍编号</td>
    <td width="10%">队员名字</td>
    <td width="10%">身份</td>
    <td width="10%">手机号</td>
    <td width="10%">QQ</td>
    <td width="10%">邮箱</td>
    <td width="10%">操作</td>
    </tr>
	   <c:forEach items="${teamlist}" var="u" >
	    <tr>
		    <td>${u.teamid }</td>
		    <td>${u.name }</td>
		    <td><c:if test="${u.ifleader == 1 }" >队长</c:if>
		    	<c:if test="${u.ifleader == 0 }" >队员</c:if>
		    </td>
		    <td>${u.phone }</td>
		    <td>${u.qq }</td>
		    <td>${u.eamil }</td>
		    <td><c:if test="${u.name eq uname }" > <a class="clickbutton" href="javascript:submitt('加入跳转地址')">解散队伍</a></c:if>
		        <c:if test="${u.name ne uname }" > <a class="clickbutton" href="javascript:sub('加入跳转地址')">删除</a></c:if>
		    </td>
		</tr>
       </c:forEach>
  </table>      
</form>
</div>
<br><br><br><br>

<br><br>
<div>
<div class="page-content">
<form action="" method="post" name="form2">
<input type="hidden" name="uid" value="${uid }">
<input type="hidden" name="spid" value="${spid }">
<input type="hidden" name="stepid" value="${steplist[1].stepid}">
 
  <table class="listtable">
  <caption>本校人员:</caption>
  
    <tr class="listheader">
    <td width="10%">姓名</td>
    <td width="10%">组队状态</td>
    <td width="10%">手机号</td>
    <td width="10%">QQ</td>
    <td width="10%">邮箱</td>
    <td width="10%">操作</td>
    </tr>
	   <c:forEach items="${stulist}" var="u" >
	    <tr>
		    <td>${u.name }</td>
		    <td><c:if test="${u.ifleader == 1 }" >队长</c:if>
		    	<c:if test="${u.ifleader == 0 }& ${u.teamid!= 0 }" >队员</c:if>
		    	<c:if test="${u.teamid == 0 }" >未组队</c:if>
		    </td>
		    <td>${u.phone }</td>
		    <td>${u.qq }</td>
		    <td>${u.eamil }</td>
		    <td>
		        <c:if test="${u.teamid == 0 }" ><a class="clickbutton" href="javascript:addsub('加入跳转地址')">拉入队伍</a>
		        </c:if>
		    </td>
		</tr>
       </c:forEach>
  </table>      
</form>
</div>
<div class="page-content">
 <table align='right' width="95%" height="41" ><tr><td >共<b><font color='FA8100' id="totalCount">${totalCount}</font>
</b>条信息&nbsp;&nbsp;<b><font color='FA8100'>${size }</font>
</b>条信息/页&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:show('1')"  style="text-decoration:none;">首页</a>
&nbsp;&nbsp;<a href="javascript:down()" style="text-decoration:none;">上一页</a>&nbsp;&nbsp;
<a href="javascript:up()"  style="text-decoration:none;">下一页</a>  
<a href="javascript:show('${pageCount } ')"  style="text-decoration:none;">尾页</a>&nbsp;&nbsp;&nbsp;&nbsp;页次：<strong><font color=FA8100 id='pageNo'>${pageNo}</font>/<font color=FA8100 id="pageCount">${pageCount }</font></strong>页
&nbsp;&nbsp;&nbsp;&nbsp;
</td></tr></table></div>
</div>
		
<script type="text/javascript" src="${ctx.resource}/front_js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">

//ajax 选项卡
$('#ajaxtab .tabbtn li a').click(function(){
	var thiscity = $(this).attr("href");
	$("#ajaxtab .loading").ajaxStart(function(){
		$(this).show();
	}); 
	$("#ajaxtab .loading").ajaxStop(function(){
		$(this).hide();
	}); 
	$('#ajaxtab .tabcon').load(thiscity);
	$('#ajaxtab .tabbtn li a').parents().removeClass("current");
	$(this).parents().addClass("current");
	return false;
});
$('#ajaxtab .tabbtn li a').eq(0).trigger("click");

//tab plugins 插件
$(function(){
	
	//选项卡鼠标滑过事件
	$('#statetab .tabbtn li').mouseover(function(){
		TabSelect("#statetab .tabbtn li", "#statetab .tabcon", "current", $(this))
	});
	$('#statetab .tabbtn li').eq(0).trigger("mouseover");
	
	//选项卡鼠标滑过事件
	$('#clicktab .tabbtn li').click(function(){
		TabSelect("#clicktab .tabbtn li", "#clicktab .tabcon", "current", $(this))
	});
	$('#clicktab .tabbtn li').eq(0).trigger("click");

	function TabSelect(tab,con,addClass,obj){
		var $_self = obj;
		var $_nav = $(tab);
		$_nav.removeClass(addClass),
		$_self.addClass(addClass);
		var $_index = $_nav.index($_self);
		var $_con = $(con);
		$_con.hide(),
		$_con.eq($_index).show();
	}
	
});

function submitt()
{
   
     if(confirm("解散队伍则取消您的队长身份，解散后您可被拉入其他队伍，是否确认解散队伍？")){
    	window.location.href="加入跳转地址"; //加入跳转地址
    }
}

function sub()
{
     if(confirm("是否确认删除")){
    	window.location.href="加入跳转地址" ;//加入跳转地址
    }
}

function addsub()
{
    if(${u.totalnum>3}){
      alert("您的队伍已满员");
    }
    else{
       window.location.href="加入跳转地址" ;//加入跳转地址
    }
}

</script>
</div>

</div>
</div>
</div>
<div style=" clear:both"></div>
<div style="height:30px;"></div>
<iframe src="${ctx}/include/footer_Index.jsp" width="100%" height="510" frameborder="0" />
</div>
</body>
</html>















